<template>
	<view class="setting">
		<view class="app-pages setting-content">
			<u-cell-group>
				<u-cell title="头像">
					<view slot="value" class="">
						<u--image :showLoading="true" :src="userInfo.avatarUrl" width="40px"
							height="40px" @click="click"></u--image>
					</view>
				</u-cell>
				<u-cell title="昵称">
					<view slot="value" class="setting-value">
						<!-- <input type="text" v-model="value" /> -->
						{{userInfo.nickName || ''}}
					</view>
				</u-cell>
				<u-cell title="绑定手机">
					<view slot="value" class="setting-value">
						<!-- <input type="text" v-model="value" /> -->
						{{userInfo.phone || ''}}
					</view>
				</u-cell>
			</u-cell-group>
		</view>
<!-- 		<view class="button">
			<view class="button-view">退出登录</view>
		</view> -->
	</view>
</template>
<script>
	export default {
		name: 'Setting',
		data() {
			return {
				value: '18733842561',
				userInfo: {}
			}
		},
		onLoad() {
			this.userInfo = uni.getStorageSync('userInfo');
		},
		methods: {},
	}
</script>
<style lang="scss" scoped>
	.setting {
		position: relative;
		.button{
			position: fixed;
			bottom: 0;
			background-color: #ffffff;
			left: 0;
			right: 0;
			box-sizing: border-box;
			padding: 0 80rpx 100rpx 80rpx;
			.button-view{
				width: 100%;
				height: 80rpx;
				line-height: 80rpx;
				text-align: center;
				background-color: #f74062;
				border-radius: 10rpx;
				color: #FFFFFF;
			}
		}
		.setting-content{
			margin-top: -2rpx;
		}
		.setting-value {
			width: 480rpx;
			padding: 10rpx 0;
		}
	}
</style>
